<?php include('header.php');?>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
  <div id="imagearea">
            <div id="image">
                <a href="javascript:slideShow.nav(-1)" class="imgnav " id="previmg"></a>
                <a href="javascript:slideShow.nav(1)" class="imgnav " id="nextimg"></a>
            </div>
        </div>
    <div id="thumbarea" >
                <ul id="thumbs">
                    <li value="1"></li>
                    <li value="2"></li>
                    <li value="3"></li>
                    <li value="4"></li>
                    <li value="5"></li>
                    <li value="6"></li>
                    <li value="7"></li>
                    <li value="8"></li>
                    <li value="9"></li>
                    <li value="10"></li>
                    <li value="11"></li>
                    <li value="12"></li>
                    <li value="13"></li>
                    <li value="14"></li>
                    <li value="15"></li>
                    <li value="16"></li>
                    <li value="17"></li>
                    <li value="18"></li>
                    <li value="19"></li>
                    <li value="20"></li>
                    <li value="21"></li>
                    <li value="22"></li>
                    <li value="23"></li>
                    <li value="24"></li>
                    <li value="25"></li>
                    <li value="26"></li>
                    <li value="27"></li>
                    <li value="28"></li>           
                </ul>
</div>
<script type="text/javascript">
    var imgid = 'image';
    var imgdir = 'fullsize';
    var imgext = '.jpg';
    var thumbid = 'thumbs';
    var auto = true;
    var autodelay = 5;
    </script>
    <script type="text/javascript" src="js/slide.js"></script>